<template>
  <div>
      <div class="top">
        <span @click="fun()" style="font-size:.14rem">💜返回</span>
        <p>自制三句情话背...</p>
        <h1>···</h1>
      </div>
      <div class="banner">
        <img src="images/10_06.jpg">
      </div>
      <div class="content">
        <div>
            <p style="padding-top:.1rem">生活不缺浪漫，我们需要等待</p>
            <p>来和你的热爱的一切说情话，跟TA表白吧</p>
            <p>和往期一样，这次的二创活动，也会送上丰富的奖品哟~</p>
            <img src="images/03.jpg" alt="">
            <p><span>Step1:</span>选择表白文案，写在喜欢的背景图上</p>
            <p><span>Step2:</span>点击右下角，发布即刻参与活动</p>
            <p>*文案原创&非原创都可，非原创请标明出处</p>
            <p>*图片数量，尺寸，大小不限。但必须保证是自制哦~</p>
            <img src="images/c_06.jpg" alt="">
            <p>这次仍然有10名小可爱,将分别获得我们不同类型的奖励，奖励多多,积极参与吧~</p>
            <p>奖励一:2名,分别获得首页精选专辑推荐1天(注意:专辑的图片张数必须≥30~)</p>
            <p >奖励二:2名,完美日记口红+鸭鸭小夜灯+复古领结发带.</p>
            <p >奖励三:5名,实用水杯+堆糖手账贴纸+堆糖自制书</p>
            <img src="images/c_08.jpg" alt="">
            <p>Q:可以拿别人制作的背景图进行二改吗?</p>
            <p>A:不可以哦!必须是自己制作的背景图,并在文案描述中写.上“自制”</p>
            <p>Q:还有其他关于参加活动的疑问,可以询问呢?</p>
            <p>A:请添加66娘微信[duitang_ .chahua] , 66娘在线回复~</p>
            <img src="images/c_11.jpg" alt="">
        </div>
      </div>
  </div>
</template>

<script>
export default {
 methods: {
  fun(){
   this.$router.go(-1);
  }
}
}
</script>

<style scoped>
.top{
  display: flex;
  height: .4rem;
  width: 100%;
  background-color: white;
  line-height: .4rem;
  position: relative;
  border-bottom: .005rem solid gray;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.top>span{
color: gray;
font-size: .25rem;
margin-right: .25rem;
}
.top>p{
  font-size: .2rem;
}
.top>h1{
  position: absolute;
  right: .3rem;
}
.banner{
  width: 100%;
  height: 1.88rem;
  margin-top: .4rem;
}
.banner>img{
  width: 100%;
  height: 100%;
}
.content{
  background-color: #d3d1f6;
  padding-bottom: .3rem;
  border-top: .005rem solid transparent;
}
.content>div{
  background-color: #fff;
  margin: .2rem .19rem;
  text-align: center;
  border-radius: .2rem;
}
.content>div>p{
  width: 2.3rem;
  margin: 0 auto;
  margin-top: .1rem;
  font-weight: 600;
  font-size: .1rem;
}
.content>div>img:nth-of-type(1){
  width: 2.3rem;
  
}
.content>div>img:nth-of-type(2){
  width: 2.3rem;
 
}
.content>div>img:nth-of-type(3){
  width: 2.3rem;
 
}
.content>div>img:nth-of-type(4){
  width: 2.3rem;

}
</style>